﻿@using ADShop.Models
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>@ViewBag.Title | Anh Duy Shop - Thời Trang Nam Nữ - Mỹ Phẩm Làm Đẹp - Uy Tín Chất Lượng</title>
    <link href="~/image/favicon.png" rel="icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- CSS Part Start-->
    <link rel="stylesheet" type="text/css" href="~/css/stylesheet.css" />
    <link rel="stylesheet" type="text/css" href="~/css/slideshow.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="~/css/colorbox.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="~/css/carousel.css" media="screen" />
    <!-- CSS Part End-->
    <!-- JS Part Start-->
    <script type="text/javascript" src="~/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="~/js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript" src="~/js/jquery.jcarousel.min.js"></script>
    <script type="text/javascript" src="~/js/colorbox/jquery.colorbox-min.js"></script>
    <script type="text/javascript" src="~/js/tabs.js"></script>
    <script type="text/javascript" src="~/js/jquery.easing-1.3.min.js"></script>
    <script type="text/javascript" src="~/js/cloud_zoom.js"></script>
    <script type="text/javascript" src="~/js/custom.js"></script>
    <script type="text/javascript" src="~/js/jquery.dcjqaccordion.js"></script>
    <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
    <!-- JS Part End-->
    <script>
        function Search() {
            var query = document.getElementById("filter_name").value;
            if (query != "") {
                window.location = "/Search/SearchQuery/" + query;
            }
            else
            {
                alert("Xin vui lòng nhập từ khóa tìm kiếm");
            }
        }
    </script>
    <!-- Google Map Javascript -->
    <script type="text/javascript">
        var map;
        function initialize() {
            var myLatlng = new google.maps.LatLng(10.779443, 106.635779);
            var myOptions = {
                zoom: 14,
                center: myLatlng
            }
            map = new google.maps.Map(document.getElementById("div_id"), myOptions);
            directionsDisplay.setMap(map);
            var text;
            text = "<b style='color:#00F;text-align:center'>Nguyễn Đặng Anh Duy | <input type='submit' value='Tim Đường Tới Anh Duy Shop'  class='button' onclick='getCurrentLatlng();'><br/>Anh Duy Shop - 01658.198.197<br />" +
                 "<img src='http://vnwao.com/skin/frontend/default/sm_papa/images/pink/logo-papa.png'/> <br/>" +
                "Địa Chỉ : 462/13 Lũy Bán Bích . Phường Hòa Thạnh . Quận Tân Phú</b><br/>";
            var infowindow = new google.maps.InfoWindow(
             {
                 content: text,
                 size: new google.maps.Size(70, 50),
                 position: myLatlng
             });
            infowindow.open(map);
            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: "http://shop.vnwao.com"
            });
        }
    </script>
    <script>
        //============= ==================== ==================== ====================
        //Tìm đường từ vị trí hiện tại đến vị trí của cửa hàng (vị trí đã định sẵn)
        //============= ==================== ==================== ====================

        //tạo mới 2 đối tượng DirectionsService để lấy dữ liệu bất đồng bộ (Ajax)
        //và đối tượng DirectionsRenderer để gắn hiển thị đường đi
        var directionsService = new google.maps.DirectionsService();
        var directionsDisplay = new google.maps.DirectionsRenderer()
        var map;

        // hàm lấy địa điểm hiện tại thông qua geolocation của HTML5
        function getCurrentLatlng() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(success);
            } else {
                error('Trình duyệt không hỗ trợ lấy vị trí của bạn');
            }
        }

        //nếu người dùng cho phép lấy địa điểm hiện tại
        function success(position) {
            //lấy giá trị hiện tại thông qua geolocation của HTML5
            var diemhientai = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
            //điểm đến là 1 điểm cố định
            var diemden = new google.maps.LatLng(10.779443, 106.635779);
            //viết request để gửi đi với
            //origin là điểm hiện tại đang đứng ()
            //Phương pháp geolocation của HTML5 đôi khi trả về giá trị địa điểm hiện tại của bạn không chính xác
            //Bởi:
            //+ 6 tháng Google mới cập nhật 1 lần
            //+ Tuỳ thuộc vào vị trí của bạn ở đường lớn hay trong hẻm nhỏ
            //+ Độ mạnh, yếu của mạng internet

            //destination là điểm đến, điểm đã chọn vĩ độ, kinh độ từ trước
            //travelMode ở đây sử dụng là DRIVING (lái xe hơi), bạn có thể tuỳ chọn Walking,Bicycling,Transit
            var request = {
                origin: diemhientai,
                destination: diemden,
                travelMode: google.maps.TravelMode.WALKING,
            };

            //thực hiện tìm kiếm và hiển thị kết quả
            directionsService.route(request, function (response, status) {
                if (status == google.maps.DirectionsStatus.OK) {
                    //nếu dữ liệu gửi đi được trả về với trạng thái Ok thì gắn vào directionsDisplay
                    directionsDisplay.setDirections(response);
                }
            });
        }
        //khi trang web được load lên thì thực hiện hàm (initialize)
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
    <!-- Google Map Javascript -->
</head>
<body>
    <div class="main-wrapper">
        <!-- Header Parts Start-->
        <div id="header">
            <!-- Top Right part Links-->
            <div id="welcome">
                <div id="language">
                    Language
                    <ul>
                        <li><a title="English"><img src="~/image/flags/gb.png" alt="English" />English</a></li>
                    </ul>
                </div>
                <div id="currency">
                    Currency
                    <ul>
                        <li><a title="US Dollar"><b>$ - US Dollar</b></a></li>
                        <li><a title="Euro">€ - Euro</a></li>
                        <li><a title="Pound Sterling">£ - Pound Sterling</a></li>
                    </ul>
                </div>
                <div class="links">
                    My Account
                    <ul>
                        @if (Session["Member"] == null)
                        {
                            <li><a href="~/Login/LoginMember">Login</a></li><br />
                        }
                        else
                        {
                            <li><a href="~/ManagerMember/InfoMember/@((Session["Member"] as Member).IDUser)">@((Session["Member"] as Member).InfoMember.LastName)</a></li>
                        }
                        <li><a href="#" id="wishlist-total">Wish List (0)</a></li>
                        <li><a href="~/ShoppingCart">Shopping Cart</a></li>
                        <li><a href="~/Checkout">Checkout</a></li>
                    </ul>
                </div>
                <a href="~/CreateAccount">Create an account</a>
            </div>
            <div id="logo">
                <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
                        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
                        width="201" height="66" id="AnhDuyShop" align="">
                    <param name=movie value="~/Repository/AnhDuyShop.swf"><param name=quality value=high><param name=wmode value=transparent>
                    <embed src="~/Repository/AnhDuyShop.swf" quality=high wmode=transparent width="201" height="66" name="AnhDuyShop" align=""
                           type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
                    </embed>
                </object>
    @*<a href="index.html"><img src="~/image/logo.png" title="ecommerce Html Template" alt="ecommerce Html Template" /></a>*@
            </div>
            <div id="search">
                <div class="button-search" onclick="return Search();"></div>
                <input type="text" value="" placeholder="" id="filter_name">
            </div>
            <!--Mini Cart Start-->
            <div id="cart">
                <div class="heading">
                    <h4><img width="32" height="32" alt="small-cart-icon" src="~/image/cart-bg.png"></h4>
                    <a><span id="cart-total">0 item(s) - $0.00</span></a>
                </div>
                <div class="content">
                    <div class="mini-cart-info">
                        <table>
                            <tbody>
                                <tr>
                                    <td class="image"><a href="product.html"><img title="Chair Swing" alt="Chair Swing" width="43" height="43" src="~/image/product/samsung_tab_1-60x60.jpg"></a></td>
                                    <td class="name"><a href="product.html">Chair Swing</a></td>
                                    <td class="quantity">x&nbsp;1</td>
                                    <td class="total">$236.99</td>
                                    <td class="remove"><img title="Remove" alt="Remove" src="~/image/remove-small.png"></td>
                                </tr>
                                <tr>
                                    <td class="image"><a href="product.html"><img title="Eyewear Eyeglasses" alt="Eyewear Eyeglasses" width="43" height="43" src="~/image/product/apple_cinema_30-60x60.jpg"></a></td>
                                    <td class="name"><a href="product.html">Eyewear Eyeglasses</a></td>
                                    <td class="quantity">x&nbsp;1</td>
                                    <td class="total">$119.50</td>
                                    <td class="remove"><img title="Remove" alt="Remove" src="~/image/remove-small.png"></td>
                                </tr>
                                <tr>
                                    <td class="image"><a href="product.html"><img title="Nail Polish" alt="Nail Polish" width="43" height="43" src="~/image/product/hp_1-60x60.jpg"></a></td>
                                    <td class="name"><a href="product.html">Nail Polish</a></td>
                                    <td class="quantity">x&nbsp;1</td>
                                    <td class="total">$119.50</td>
                                    <td class="remove"><img title="Remove" alt="Remove" src="~/image/remove-small.png"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="mini-cart-total">
                        <table>
                            <tbody>
                                <tr>
                                    <td class="right"><b>Sub-Total:</b></td>
                                    <td class="right">$399.99</td>
                                </tr>
                                <tr>
                                    <td class="right"><b>Eco Tax (-2.00):</b></td>
                                    <td class="right">$6.00</td>
                                </tr>
                                <tr>
                                    <td class="right"><b>VAT (17.5%):</b></td>
                                    <td class="right">$70.00</td>
                                </tr>
                                <tr>
                                    <td class="right"><b>Total:</b></td>
                                    <td class="right">$475.99</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="checkout"><a href="cart.html" class="button">View Cart</a> &nbsp; <a href="checkout.html" class="button">Checkout</a></div>
                </div>
            </div>
            <!--Mini Cart End-->
        </div>
        <!--Top Navigation Start-->
        @Html.Partial("Partial/_PartialListCategoryTop")
        <!--Top Navigation Start-->
        <div id="container">
            <!--Left Part-->
            <div id="column-left">
                <!--Categories Part Start-->
                <div class="box">
                    <div class="box-heading">Categories</div>
                    <div class="box-content box-category">
                        <ul id="custom_accordion">
                            <li class="category25">
                                <a class="cuuchild " href="category.html">Electronics</a> <span class="down"></span>
                                <ul>
                                    <li class="category30"><a class="nochild " href="category.html">Cameras</a></li>
                                    <li class="category29"><a class="nochild " href="category.html">Phones</a></li>
                                    <li class="category28">
                                        <a class="cuuchild " href="category.html">Tablets</a> <span class="down"></span>
                                        <ul>
                                            <li class="category35"><a class="nochild " href="category.html">test 1</a></li>
                                            <li class="category36"><a class="nochild " href="category.html">test 2</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="category57"><a class="nochild " href="category.html">Accessories</a></li>
                            <li class="category18">
                                <a class="cuuchild " href="category.html">Shoes</a> <span class="down"></span>
                                <ul>
                                    <li class="category46"><a class="nochild " href="category.html">Casual shoes</a></li>
                                    <li class="category45"><a class="nochild " href="category.html">Fancy shoes</a></li>
                                    <li><a class="nochild " href="category.html">Sports shoes</a></li>
                                </ul>
                            </li>
                            <li>
                                <a class="cuuchild " href="category.html">Clothing</a> <span class="down"></span>
                                <ul>
                                    <li><a class="nochild " href="category.html">Women Clothing</a></li>
                                    <li><a class="nochild " href="category.html">Men Clothing</a></li>
                                </ul>
                            </li>
                            <li><a class="nochild " href="category.html">Furniture</a></li>
                            <li><a class="nochild " href="category.html">Beauty &amp; Health Care</a></li>
                            <li>
                                <a class="cuuchild " href="category.html">Books</a> <span class="down"></span>
                                <ul>
                                    <li><a class="nochild " href="category.html">Audio Books</a></li>
                                    <li><a class="nochild " href="category.html">Comedy Book</a></li>
                                    <li><a class="nochild " href="category.html">Comics Books</a></li>
                                    <li><a class="nochild " href="category.html">Computer Book</a></li>
                                    <li><a class="nochild " href="category.html">Cookies Books</a></li>
                                    <li><a class="nochild " href="category.html">English Books</a></li>
                                    <li>
                                        <a class="cuuchild " href="category.html">Fashion Books</a> <span class="down"></span>
                                        <ul>
                                            <li><a class="nochild " href="category.html">test 25</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="nochild " href="category.html">Games Books</a></li>
                                    <li><a class="nochild " href="category.html">God Books</a></li>
                                    <li><a class="nochild " href="category.html">Journal Book</a></li>
                                    <li><a class="nochild " href="category.html">Knowledge Books</a></li>
                                    <li><a class="nochild " href="category.html">Magic Books</a></li>
                                    <li><a class="nochild " href="category.html">Management Books</a></li>
                                    <li><a class="nochild " href="category.html">Student Books</a></li>
                                    <li><a class="nochild " href="category.html">Teachers Books</a></li>
                                    <li><a class="nochild " href="category.html">Toys Books</a></li>
                                    <li><a class="nochild " href="category.html">Travel Books</a></li>
                                    <li><a class="nochild " href="category.html">Video Books</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--Categories Part End-->
                <!--Latest Product Start-->
                @Html.Partial("Partial/_PartialListProductLatest")
                <!--Latest Product End-->
                <!--Specials Product Start-->
                @Html.Partial("Partial/_PartialListProductBest")
                <!--Specials Product End-->
                <!--Specials Weather Start-->
                @Html.Partial("Partial/_PartialWeather_TyGia")
                <!--Specials Weather End-->
            </div>
            <!--Left End-->
            <!--Middle Part Start-->
            <div id="content">
                <p class="welcome">"Không có thiết kế nào tuyệt đẹp hơn thiết kế của tự nhiên - Alexander McQueen"</p>
                <!--Slideshow Part Start-->
                <div class="slider-wrapper">
                    <div id="slideshow" class="nivoSlider"> <a href="#"><img src="~/image/slider/slider-1.jpg" alt="slideshow-1" /></a> <a href="#"><img src="~/image/slider/slider-2.jpg" alt="slideshow-2" /></a> <a href="#"><img src="~/image/slider/slider-3.jpg" alt="slideshow-3" /></a> <a href="#"><img src="~/image/slider/slider-4.jpg" alt="slideshow-4" /></a> </div>
                </div>
                <script type="text/javascript">
                    $(document).ready(function () {
                        $('#slideshow').nivoSlider();
                    });
                </script>
                <!--Slideshow Part End-->
                <!--Featured Product Part Start-->
                @RenderBody()
                <!--Featured Product Part End-->

                <!--Featured News Part Start-->
                @Html.Partial("Partial/_PartialNews")
                <!--Featured News Part End-->
            </div>
            <!--Middle Part End-->
            <div class="clear"></div>
            <div class="social-part">
                <!--Facebook Fun Box Start-->
                <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fanhduyshop.hcm&amp;width=500&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=834813966545577" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:258px;" allowtransparency="true"></iframe>
                <!--Facebook Fun Box End-->
                <!--Google Map Start-->
                <div id="div_id" style="height:256px; width:650px  ; float :left;"></div>
                <!--Google Map End-->
            </div>
        </div>
    </div>
    <!--Footer Part Start-->
    <div id="footer">
        <div class="column">
            <h3>Information</h3>
            <ul>
                <li><a href="about-us.html">About Us</a></li>
                <li><a href="about-us.html">Delivery Information</a></li>
                <li><a href="about-us.html">Privacy Policy</a></li>
                <li><a href="elements.html">Elements</a></li>
            </ul>
        </div>
        <div class="column">
            <h3>Customer Service</h3>
            <ul>
                <li><a href="contact-us.html">Contact Us</a></li>
                <li><a href="#">Returns</a></li>
                <li><a href="sitemap.html">Site Map</a></li>
            </ul>
        </div>
        <div class="column">
            <h3>Extras</h3>
            <ul>
                <li><a href="#">Brands</a></li>
                <li><a href="#">Gift Vouchers</a></li>
                <li><a href="#">Affiliates</a></li>
                <li><a href="#">Specials</a></li>
            </ul>
        </div>
        <div class="column">
            <h3>My Account</h3>
            <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Order History</a></li>
                <li><a href="#">Wish List</a></li>
                <li><a href="#">Newsletter</a></li>
            </ul>
        </div>
        <div class="contact">
            <ul>
                <li class="address">Q.Tân Phú . HCM City</li>
                <li class="mobile">01658.198.197</li>
                <li class="email"><a href="mailto:itc.anhduy@gmail.com">itc.anhduy@gmail.com</a></li>
                <li class="fax">01658.198.197</li>
            </ul>
        </div>
        <div class="social"> <a href="http://facebook.com/itcanhduy" target="_blank"><img src="~/image/facebook.png" alt="Facebook" title="Facebook"></a> <a href="https://twitter.com/#!/#" target="_blank"><img src="~/image/twitter.png" alt="Twitter" title="Twitter"></a> <a href="https://plus.google.com/u/0/#" target="_blank"><img src="~/image/googleplus.png" alt="Google+" title="Google+"></a> <a href="http://pinterest.com/#" target="_blank"><img src="~/image/pinterest.png" alt="Pinterest" title="Pinterest"></a> <a href="#" target="_blank"><img src="~/image/rss.png" alt="RSS" title="RSS"></a> <a href="http://www.vimeo.com/#" target="_blank"><img src="~/image/vimeo.png" alt="Vimeo" title="Vimeo"></a> <a href="http://www.flickr.com/photos/#" target="_blank"><img src="~/image/flickr.png" alt="flickr" title="Flickr"></a> <a href="http://www.youtube.com/#" target="_blank"><img src="~/image/youtube.png" alt="YouTube" title="YouTube"></a> <a href="skype:#?call" target="_blank"><img src="~/image/skype.png" alt="skype" title="Skype"></a> <a href="#" target="_blank"><img src="~/image/blogger.png" alt="Blogger" title="Blogger"></a> </div>
        <div class="clear"></div>
        <div id="powered">
            Design by <a href="#">Anh Duy </a> &copy; 2013 &nbsp;|&nbsp; Copyrights by <a target="_blank" href="http://anhduyshop.com">Anh Duy</a>
            <div class="payments_types"> <img src="~/image/payment_paypal.png" alt="paypal" title="PayPal"> <img src="~/image/payment_american.png" alt="american-express" title="American Express"> <img src="~/image/payment_2checkout.png" alt="2checkout" title="2checkout"> <img src="~/image/payment_maestro.png" alt="maestro" title="Maestro"> <img src="~/image/payment_discover.png" alt="discover" title="Discover"> <img src="~/image/payment_mastercard.png" alt="mastercard" title="MasterCard"> <img src="~/image/payment_visa.png" alt="visa" title="Visa"> <img src="~/image/payment_sagepay.png" alt="sagepay" title="sagepay"> <img src="~/image/payment_moneybookers.png" alt="moneybookers" title="Moneybookers"> </div>
        </div>
    </div>
    <!--Footer Part End-->
</body>
</html>
